<template>
	<view>
		<div>
			<div class="start" @click="start">点击</div>

			<view class="album">
				<image v-for="(item, index) in list" :key="index" :src="item" mode="aspectFill" />
			</view>

			<!--  -->
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [],
			}
		},
		onLoad() {

		},
		methods: {
			start() {
				const docCorrect = uni.requireNativePlugin('doc-correct')
				docCorrect.detect({
					shutterSound: true,
					recognizeMillisecond: 500,
					maxCount: 4,
				}, (res) => {
					console.log('docCorrect result: ', res);
					this.list = res.data;
				})
			}

			// 
		}
	}
</script>

<style scoped>
	.start {
		display: flex;
		justify-content: center;
		font-size: 14px;
		color: white;		
		background-color: orange;
		padding: 16px;
	}

	.album image {
		width: calc(100vw / 3);
		height: calc(100vw / 3);
	}
</style>